//使用ES6语法导入jQuery
import $ from 'jquery'

//导入.css和.less (ES6导入语法)，（最后都会转为js）
//只需要加载过来，不需要引用，则不需要from
import '@/css/index.css'
import './css/index.less'

//导入图片
import img from './image/yz.jpg'
//给 img 标签的 src 动态赋值
$('.imgaBox').attr('src',img)

//定义jQuery入口函数
// jQuery入口函数和window.onload的区别
// 区别1：jQuery入口函数可以书写多次，window.onload只能书写一次；
// 区别2：执行的时机不同，jQuery的入口，一旦我dom结构渲染完毕即可执行内部代码，不必等到所有外部资源加载完成；window.onload 的是等页面文档、外部的js文件、css文件、图片加载完毕才执行内部代码。
$(function(){
	
	// :odd 奇数选择器
	$('li:odd').css('background','yellow')
	
	// :even 偶数选择器
	$('li:even').css('background','deeppink')
	
	
})


// 需要使用babel-loader处理
// 定义装饰器函数
function info(target) {
  target.info = 'Person info'
}

// 定义一个普通的类
@info
class Person {}

console.log(Person.info)
